/** 模拟闪烁的效果，元素先缩小后放大，然后回到原始大小。 */
@keyframes twinkle {
	0% {
		transform: scale(0.8);
	}
	80% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

/** 创建一个加载效果，通过背景位置的变化产生动态的视觉效果。 */
@keyframes loading {
	0% {
		background-position:
			0 0,
			0 100%,
			100% 100%;
	}
	25% {
		background-position:
			100% 0,
			0 100%,
			100% 100%;
	}
	50% {
		background-position:
			100% 0,
			0 0,
			100% 100%;
	}
	75% {
		background-position:
			100% 0,
			0 0,
			0 100%;
	}
	100% {
		background-position:
			100% 100%,
			0 0,
			0 100%;
	}
}
